import { cloneElement } from 'react'


const style = {
  width: '100%',
  maxWidth: 1200,
  marginLeft: 'auto',
  marginReight: 'auto',
  paddingLeft: 20,
  paddingRight: 20
}

export default ({ children, renderer = <div /> }) => {
  return cloneElement(renderer, { style: Object.assign({}, renderer.props.style, style) }, children)

  //return <Comp style={style}>{children}</Comp>
}
